<template>
	<view class="comp-card">
		<view class="header--wrap">
			{{title}}			
		</view>
		<view class="content--wrap">
			<slot></slot>			
		</view>
	</view>
</template>
<script>
export default {
	name: '',
	props: {
		title: { type: String, default: '' }
	}
}
</script>
<style lang="less">
.comp-card{
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #fff;
	margin-bottom: 30rpx;
	.header--wrap{
		padding: 0rpx 30rpx;
		line-height: 110rpx;
		color: #333333;
		font-size: 36rpx;
		border-bottom: 1px solid #EAEAEA;
	}
	.content--wrap{
		padding: 30rpx 35rpx;
	}
}
</style>